<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>综合练习</title>
		<link rel="stylesheet" href="./10综合练习.css">
	</head>
	<body>
		<h2>
			<span>
				<img src="http://doc.vrd.net.cn/tstore_v1/images/itemCat/computer_icon.png">
				办公电脑 /1F
			</span>
			<hr>
		</h2>
		<div>
			<!-- 1层 -->
			<div id="t_div">
				<div id="t_l_div">
					<div class="c1">
						<p class="t_title">灵越 燃7000系列</p>
						<p class="l_title">酷睿双核i5处理器|256GB SSD| 8GB内存<br>
							英特尔HD显卡620含共享显卡内存</p>
						<p class="p_title">￥4999.00</p>
						<a href="http://www.baidu.com">查看详情</a>
					</div>
					<span>
						<img src="http://doc.vrd.net.cn/
						tstore_v1/images/itemCat/study_computer_img1.png" 
						style="width: 307px;height: 308px;">
					</span>
				</div>
				<div id="t_r_div">
					<div class="c1">
						<p class="t_title">颜值 框不住</p>
						<p class="l_title">酷睿双核i5处理器|256GB SSD| 8GB内存<br>
							英特尔HD显卡620含共享显卡内存</p>
						<p class="p_title">￥6888.00</p>
						<a href="http://www.baidu.com">查看详情</a>
					</div>
					<span>
						<img id="img1" src="http://doc.vrd.net.cn/tstore_v1/
						images/itemCat/study_computer_img2.png" 
						style="width: 320px;height: 260px;">
					</span>
				</div>
			</div>
			<!-- 2层 -->
			<div id="b_div">
				<div id="b_l_div">
					<span>
						<img src="http://doc.vrd.net.cn/
						tstore_v1/images/itemCat/computer_icon1.png">
						电脑,办公 /1F
					</span>
					<p>电脑整机</p>
					<ul>
						<li><a href="">笔记本</a></li>
						<li><a href="">台式机</a></li>
						<li><a href="">游戏机</a></li>
						<li><a href="">一体机</a></li>
						<li><a href="">服务器</a></li>
						<li><a href="">联想</a></li>
					</ul>
					<p>电脑配件</p>
					<ul>
						<li><a href="">CPU</a></li>
						<li><a href="">SSD硬盘</a></li>
						<li><a href="">显示器</a></li>
						<li><a href="">组装电脑</a></li>
						<li><a href="">机箱</a></li>
					</ul>
					<p>外设/游戏</p>
					<ul>
						<li><a href="">键盘</a></li>
						<li><a href="">鼠标</a></li>
						<li><a href="">U盘</a></li>
						<li><a href="">移动硬盘</a></li>
						<li><a href="">游戏设备</a></li>
						<li><a href="">智能单车</a></li>
					</ul>
				</div>
				<div id="b_r_div">
					<div>
						<img src="http://doc.vrd.net.cn/tstore_v1/
						images/itemCat/study_computer_img3.png" alt="">
						<p id="intro_p">戴尔(DELL)XPS13-9360-R1609<br>13.3英寸微边框笔记本电脑</p>
						<p id="price_p">￥6888.00</p>
						<a href="">查看详情</a>
					</div>
					<div>
						<img src="http://doc.vrd.net.cn/tstore_v1/
						images/itemCat/study_computer_img4.png" alt="">
						<p id="intro_p">14.8mm超轻薄笔记本电脑 航海王版<br>13.3英寸微边框笔记本电脑</p>
						<p id="price_p">￥5600.00</p>
						<a href="">查看详情</a>
					</div>
					<div>
						<img src="http://doc.vrd.net.cn/tstore_v1/
						images/itemCat/study_computer_img5.png" alt="">
						<p id="intro_p">联想(Lenovo) YOGA900 多彩版<br>13.3英寸微边框笔记本电脑</p>
						<p id="price_p">￥6600.00</p>
						<a href="">查看详情</a>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>